.all{
	width: 100%;
	position: absolute;
	z-index: 11;
}
.mui-bar-login {
	width: 100%;
	height: 220px;
	background-color: #E10000;
	text-align: center;
	padding-top: 5px;
}

.login-img img {
	height: 44px;
}

.headImg {
	width: 100%;
	margin-top: 20px;
}

.headImg-img {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: #CCCCCC;
	margin: 0 auto;
}

.headImg-img img {
	width: 100%;
	border-radius: 50px;
}

.login {
	width: 100%;
	height: 70px;
	overflow: hidden;
	line-height: 70px;
	margin-top: 25px;
}

.login span {
	color: #FFFFFF;
	font-size: 16px;
}

.weixin {
	float: left;
	margin-left: 30px;
}

.weixin img {
	width: 30px;
	vertical-align: middle;
}

.weixinSpan {
	margin-left: 5px;
	vertical-align: middle;
}

.ownLogin {
	float: right;
	margin-right: 30px;
}

.ownLogin span {
	vertical-align: middle;
}

.midHistory {
	overflow: hidden;
}

.midHistory div {
	width: 103px;
	height: 103px;
	float: left;
	text-align: center;
	border-right: 1px solid #D8D8D8;
}

.midHistory div:last-child {
	border: none;
}

.midHistory img {
	width: 30px;
	margin-top: 18px;
}

.midHistory p {
	color: #8F8F94;
	margin: 10px 0 0;
}

.messages div {
	width: 100%;
	height: 50px;
	margin-top: 3px;
	overflow: hidden;
	background-color: #FFFFFF;
}

.messages img {
	height: 30px;
	margin-top: 8px;
	margin-left: 5px;
	float: left;
	vertical-align: middle;
}

.myConcern img {
	height: 25px;
}

.messages span {
	color: black;
	float: left;
	margin-top: 13px;
	margin-left: 15px;
}

.myConcern span {
	margin-left: 9px;
}